<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>车贷评估系统</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit" />
    <meta name="fragment" content="!" />
    <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
    <META HTTP-EQUIV="Expires" CONTENT="0">
    <meta charset="utf-8">

    <link rel="shortcut icon" href="./static/img/car.png" type="image/x-icon" />
    <script src="http://api.map.baidu.com/api?v=2.0&ak=rh8fyAGCfoNgmfZ7rzujLLOgtOR02XIs"></script>
    <script src="http://api.map.baidu.com/library/Heatmap/2.0/src/Heatmap_min.js"></script>
    <style type="text/css">
        html,
        body,
        #app {
            height: 100%;
            margin: 0;
            padding: 0;
            position: relative;
            font-size: 20px !important;
            overflow: auto !important;
        }

        button,
        input {
            -webkit-app-region: no-drag;
        }

        .bowerPrompt {
            background: #fff;
            height: 60px;
            border-bottom: 1px solid #ccc;
            text-align: center;
            border-bottom: 1px solid #f0f0f0;
            overflow: hidden;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            display: none;
            z-index: 30;
        }

        .bowerPrompt .close {
            position: absolute;
            width: 30px;
            height: 30px;
            top: 15px;
            bottom: 15px;
            right: 15px;
            cursor: pointer;
            border: 0;
            background: transparent;
        }

        .bowerPrompt .close img {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
        }

        .bowerPrompt .bowerPrompt_box {
            width: 680px;
            margin: 0 auto;
            height: 60px;
            line-height: 60px;
        }

        .bowerPrompt .bowerPrompt_box img {
            height: 80%;
            float: left;
            margin-top: 8px;
        }

        .bowerPrompt .bowerPrompt_info {
            float: right;
        }

        .bowerPrompt .btn {
            padding: 5px 10px;
            line-height: 24px;
            border-radius: 5px;
            margin-left: 20px;
            display: inline-block;
        }

        .app {
            z-index: 2;
            background: #f0f0f0;
        }

        .spinner {
            width: 120px;
            height: 60px;
            text-align: center;
            font-size: 10px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .spinner>div {
            background-color: #1973BF;
            height: 100%;
            width: 6px;
            display: inline-block;

            -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
            animation: stretchdelay 1.2s infinite ease-in-out;
        }

        .spinner .rect2 {
            -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s;
        }

        .spinner .rect3 {
            -webkit-animation-delay: -1.0s;
            animation-delay: -1.0s;
        }

        .spinner .rect4 {
            -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s;
        }

        .spinner .rect5 {
            -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s;
        }

        @-webkit-keyframes stretchdelay {
            0%,
            40%,
            100% {
                -webkit-transform: scaleY(0.4)
            }
            20% {
                -webkit-transform: scaleY(1.0)
            }
        }

        @keyframes stretchdelay {
            0%,
            40%,
            100% {
                transform: scaleY(0.4);
                -webkit-transform: scaleY(0.4);
            }
            20% {
                transform: scaleY(1.0);
                -webkit-transform: scaleY(1.0);
            }
        }
    </style>
    <script type="application/javascript">
        window.onload = function () {
            var closeBtn = document.getElementById('close')
            closeBtn.onclick = function () {
                var bowerDom = document.getElementById('bower');
                bowerDom.style.display = 'none';
            }
        }
    </script>
</head>

<body>
    <div class="bowerPrompt" id="bower">
        <div class="bowerPrompt_box">
            <img src="http://www.google.cn/chrome/assets/common/images/chrome_logo_2x.png?mmfb=a5234ae3c4265f687c7fffae2760a907" />
            <div class="bowerPrompt_info">
                <span>请安装最新版谷歌浏览器以获得最好的体验</span>
                <a class="btn btn-blue" href="https://www.baidu.com/s?wd=chrome%E4%B8%8B%E8%BD%BD&rsv_spt=1&rsv_iqid=0xbbe50a350001a022&issp=1&f=8&rsv_bp=0&rsv_idx=2&ie=utf-8&tn=baiduhome_pg&rsv_enter=1&rsv_sug3=8&rsv_sug1=8&rsv_sug7=100&rsv_t=3db8a4AltlWN7Henh1szzBmf0oNA2NgAA7W0eDirnnH672EmJxzbcvNr0W0iK9We026A"
                    target="_blank">立即下载</a>
            </div>
        </div>
        <button id="close" class="close">
            <img src="./static/img/ic_close.png">
        </butt>
    </div>

    <div id="app"></div>
    <script type="text/javascript">
        function getExplorerInfo() {
            var explorer = window.navigator.userAgent.toLowerCase();
            //ie 
            if (explorer.indexOf("msie") >= 0) {
                var ver = explorer.match(/msie ([\d.]+)/)[1];
                return {
                    type: "IE",
                    version: ver
                };
            }
            //firefox 
            else if (explorer.indexOf("firefox") >= 0) {
                var ver = explorer.match(/firefox\/([\d.]+)/)[1];
                return {
                    type: "Firefox",
                    version: ver
                };
            }
            //Chrome
            else if (explorer.indexOf("chrome") >= 0) {
                var ver = explorer.match(/chrome\/([\d.]+)/)[1];
                return {
                    type: "Chrome",
                    version: ver
                };
            }
            //Opera
            else if (explorer.indexOf("opera") >= 0) {
                var ver = explorer.match(/opera.([\d.]+)/)[1];
                return {
                    type: "Opera",
                    version: ver
                };
            }
            //Safari
            else if (explorer.indexOf("Safari") >= 0 || explorer.indexOf("safari") >= 0) {
                var ver = explorer.match(/version\/([\d.]+)/)[1];
                return {
                    type: "Safari",
                    version: ver
                };
            }
            // weixin
            else if (explorer.match(/MicroMessenger/i) == 'micromessenger') {
                var ver = explorer.match(/version\/([\d.]+)/)[1];
                return {
                    type: "Weixin",
                    version: ver
                };
            } else if (explorer.match(/WeiBo/i) == "weibo") {
                var ver = explorer.match(/version\/([\d.]+)/)[1];
                return {
                    type: "WeiBo",
                    version: ver
                };
            } else if (explorer.match(/QQ/i) == "qq") {
                var ver = explorer.match(/version\/([\d.]+)/)[1];
                return {
                    type: "QQ",
                    version: ver
                };
            }
        }


        var bower = getExplorerInfo();
        if (bower && bower.type != 'Weixin' && bower.type != 'WeiBo' && bower.type != 'QQ') {
            if (bower && bower.type != 'Chrome' || parseInt(bower.version) < 45) {
                var bowerDom = document.getElementById('bower');
                bowerDom.style.display = 'block';
            }
        }
    </script>

    <script src="./static/js/vendor.dll.js"></script>
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?46ea19a108e4cbfd90d5725766bb7733";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);

        })();
    </script>

</body>

</html>